/*头部切换*/ 
<template>
   <div class="el-tabs el-tabs--card el-tabs--top" data-s-0="">
   <div class="el-tabs__header is-top">
    <div class="el-tabs__nav-wrap is-top">
     <div class="el-tabs__nav-scroll">
      <div role="tablist" class="el-tabs__nav is-top" style="transform: translateX(0px);">
       <div id="tab-0" aria-controls="pane-0" role="tab" tabindex="0" class="el-tabs__item is-top" aria-selected="true">
        <a href="/admin/examview/index" style="display:block;">题库</a>
       </div>
       <div id="tab-1" aria-controls="pane-1" role="tab" tabindex="-1" class="el-tabs__item is-top">
        <a href="/admin/examview/list" style="display:block;">试卷</a>
       </div>
      </div>
     </div>
    </div>
   </div>
  </div>

</template>
<script>
module.exports = {
  name: 'navcon',
  data() {
    return {
    }
  },

  methods: {

  }
}
</script>
<style scoped>
.el-tabs__item {
  padding: 0 20px;
  height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 40px;
  display: inline-block;
  list-style: none;
  font-size: 14px;
  font-weight: 500;
  color: #303133;
  position: relative;
}
.el-tabs__item.is-active {
  color: #409EFF;
}
.el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
  border-bottom-color: #FFF;
}
.el-tabs--card > .el-tabs__header .el-tabs__item:first-child {
  border-left: none;
}
.el-tabs--card > .el-tabs__header .el-tabs__item {
  border-bottom: 1px solid transparent;
    border-bottom-color: transparent;
  border-left: 1px solid #E4E7ED;
  -webkit-transition: color .3s cubic-bezier(.645,.045,.355,1),padding .3s cubic-bezier(.645,.045,.355,1);
  transition: color .3s cubic-bezier(.645,.045,.355,1),padding .3s cubic-bezier(.645,.045,.355,1);
}
</style>